.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 26px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    background: #456aa5;
    border-radius: 4px;
  }
}
.content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 180px;
  overflow: hidden;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  background: #1c3a6a;
  border-radius: 6px;
  .select {
    position: relative;
    width: 100px;
    height: 30px;
    padding-left: 8px;
    line-height: 30px;
    border-right: 1px solid #2f5083;
    cursor: pointer;
    &::after {
      position: absolute;
      top: 10px;
      right: 4px;
      width: 6px;
      height: 6px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      transform: rotate(135deg);
      content: ' ';
    }
  }
  span.input {
    padding-left: 8px;
    line-height: 30px;
  }
  :global {
    .ant-input-group-wrapper {
      padding-left: 0 !important;
      .ant-input {
        padding-right: 0 !important;
      }
    }

    .ant-input-group-addon {
      color: #fee500;
      font-weight: 400;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      background-color: #1c3a6a;
      border: 0;
    }
    .ant-input-group,
    .ant-select:not(.ant-select-customize-input) .ant-select-selector,
    .ant-input,
    .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
      .ant-select-selector {
      font-size: 12px;
      border-radius: 0 !important;
      outline: 0 !important;
      box-shadow: none;
    }
  }
  .input {
    flex: 1;
    height: 30px;
  }
}
